.login_container{
    height: 100%;
    background: url(../background-image.png);
    background-size: 100%;
    color: white;
    .login_box{
        width: 450px;
        height: 300px;
        background-color: rgba(255, 255, 255, 0.5);
        background-size: 100%;
        border-radius: 5px;
        // 垂直水平居中
        position: absolute;
        left: 50%;
        top: 50%;
        transform:translate(-50%,-50%);
        .avatar_box{
            height:130px;
            width: 130px;
            border: 1px solid #eee;
            border-radius: 50%;
            padding: 10px;
            box-shadow: 0 0 10px #ddd;
            position: absolute;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: rgba(255, 255, 255, 0.8);
            img{
                width:100%;
                height: 100%;
                border-radius: 50%;
                background-color: rgba(255, 255, 255, 0.2);
            }
        }
        .login_from{
            position: absolute;
            bottom: 10%;
            width: 100%;
            padding: 0 20px;
            box-sizing: border-box;
            .btns{
                display: flex;
                justify-content: flex-end;
            }
        }
    }
}